/* 
* @Author: liyun
* @Date:   2018-05-03 09:54:07
* @Last Modified by:   Marte
* @Last Modified time: 2018-05-09 10:12:12
*/
header{
    width:100%; height:100px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #2978f5, endColorstr = #14cdfc);
    background:#2978f5;  /* 一些不支持背景渐变的浏览器 */

    background: -webkit-linear-gradient(right, #2978f5, #14cdfc); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #2978f5, #14cdfc); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #2978f5, #14cdfc); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #2978f5, #14cdfc); /* 标准的语法 */
}
a{
    color:inherit !important;
}
body{
    width:100%;
     min-width:1542px;
     overflow:auto;
     background:#eff2f7;
     color:#5c5e66;
}
.main-color{
    color: #5798fe;
}
/* iconfont */
@font-face {
  font-family: 'iconfont';
  src: url('zbpkicon/iconfont.eot');
  src: url('zbpkicon/iconfont.eot?#iefix') format('embedded-opentype'),
  url('zbpkicon/iconfont.woff') format('woff'),
  url('zbpkicon/iconfont.ttf') format('truetype'),
  url('zbpkicon/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
header .header-content{
    max-width:1542px;
    margin:auto;
    /* position:relative; */
}
header .logo{
    width:140px;
    height:100px;
}
header .logo img{
    padding-top: 33px;/*修改高内边距*/
}
header .user{
    line-height: 100px;/*用户信息居中*/
    /*margin-top:18px;/*头像距离顶部*/
}
/* 改写layui-nav样式 */
header .layui-nav .layui-nav-item-bg  {
    /*background:#fff;*/
    color:#fff;
    opacity: 1;
    /*border-bottom:2px solid #487CF3;*/
    box-sizing: border-box;
    height:100px;
}
header .layui-nav .layui-nav-item-bg>a{
    color:#fff;
}
header .layui-nav .layui-nav-item-bg>a:hover{
    color:#fff;
    opacity: 1;/*hover时变亮*/
}
header .layui-nav .layui-nav-item-bg .layui-nav-more{
        border-color: #487CF3 transparent transparent;
}
header .layui-nav{
    background: none;
    padding-left:55px;/*logo距离右边的距离*/
    padding-right: 120px;
}
header .layui-nav-bar,header .layui-nav .layui-this:after{
    background:none;
     height:0;
}
header .layui-nav .layui-nav-item{
    width:135px;/*头部选项li的宽度*/
    line-height: 100px;
    text-align: center;
}
header .layui-nav *{
    font-size: 20px;
    opacity: 0.6;
}
header .layui-nav .layui-nav-more{
    top:45px;
    right:0;
    left:198px;
    border-color: #fff transparent transparent ;
}
header .layui-nav-child{
    top:101px;
    box-sizing: border-box;
}
header .user img{
    margin-right:10px;
}
header .user span{
    font-size: 18px;/*用户名字体大小*/
    margin-right:20px;
    color:#fff;
}
header .layui-nav .layui-nav-item dd a{
    font-size: 18px;
    height:52px;
    line-height: 52px;
    color:#778298 !important;
}
header .layui-nav .layui-nav-child a:hover{
    background: -webkit-linear-gradient(right, rgb(88,115,240) , rgb(33,137,249)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgb(88,115,240), rgb(33,137,249)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgb(88,115,240), rgb(33,137,249)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgb(88,115,240) , rgb(33,137,249)); /* 标准的语法 */
    color: #fff !important;
}
header.layui-nav .layui-nav-item .layui-show  a:hover{
    background:#5e93fe;
    color:#fff;
}
header .layui-nav-item a i{
    display:inline-block;
    width:27px;
    height:27px;
    vertical-align: middle;
    background:url(../images/xuanke.png) no-repeat -28px top;
    margin-right:10px;
}
header .layui-nav-item-bg>a:hover i,header .layui-nav-item-bg>a i{
    background:url(../images/xuanke.png) no-repeat 0 top;
}
header .layui-nav-item.layui-this i{
    background:url(../images/xuanke.png) no-repeat -56px top;
}
/*second*/
header .layui-nav-item.second a i{
    background-image:url(../images/fenban.png) ;
}
header .layui-nav-item-bg.second a i{
    background-image:url(../images/fenban.png) ;
}
header .layui-nav-item.layui-this.second a i{
    background-image:url(../images/fenban.png) ;
}
/*third*/
header .layui-nav-item.third a i{
    background-image:url(../images/paike.png) ;
}
header .layui-nav-item-bg.third a i{
    background-image:url(../images/paike.png) ;
}
header .layui-nav-item.layui-this.third a i{
    background-image:url(../images/paike.png) ;
}
/*four*/
header .layui-nav-item.four a i{
    background-image:url(../images/kebiao.png) ;
}
header .layui-nav-item-bg.four a i{
    background-image:url(../images/kebiao.png) ;
}
header .layui-nav-item.layui-this.four a i{
    background-image:url(../images/kebiao.png) ;
}
/*内容*/
.content{
    width:1200px;
    margin:auto;
    margin-bottom: 50px;
}
.content-head{
    margin:20px 0;
}
.content-head>p{
    margin-bottom:20px;
}
.content-head span{
    color:#8e96ac;
}
.content-head .head-current{
    color:#5798fe;
}
.content-head i{
    margin:0 5px;
    color:#c4c6cb;
}
.content-head>ul{
    text-align: center;
}
.content-head ul li{
    display: inline-block;
    font-size: 16px;
}
.content-head ul li.line{
    margin:0 4px;
}
.content-head ul li img{
    margin-right:10px;
}
.content-head ul li.finish span{
    color:#72bb4c;
}
.content-head ul li.oprating span{
    color:#5798fe;
}
.block{
    background:#fff;
    padding:20px 0 20px;
    margin-bottom: 10px;
}
.block2{
    padding:0;
    margin-bottom: 10px;
    height:55px;
    line-height: 55px;
    border-bottom:1px solid #e0e3ef;
    box-shadow: 0 0 1px #e0e3ef;
    background:#fff;
    /*padding-left:30px;*/

}
.block>p{
    margin-bottom:20px;
}
.block .line-tip{
    font-size: 16px;
    border-bottom:1px solid #e0e3ef;
    padding:0 30px;
    padding-bottom: 20px;
}
.block>div{
    padding:0 30px;
    font-size: 16px;
}
.block>div em{
    font-size: 12px;
    margin-left: 20px;
    color:#999;
}
.block .layui-btn .layui-icon{
    font-size: 20px;
}
.block blockquote{
    padding:20px ;
    border:1px solid #dedfe7;
    width:1000px;
    margin:20px 30px 0;
}
.block .layui-upload-drag{
    border: none;
    text-align: center;
    width:100%;
    padding:0;
}
.block .layui-upload-drag .layui-icon{
    font-size: 24px;
    vertical-align: middle;
}
.block .layui-upload-drag i{
    color:#5c5e66;
}
.block .layui-upload-drag span{
    color:#5798fe;
}
.progress-bar .layui-progress-big{
    width:40%;
    display: inline-block;
    height:20px;
    line-height: 20px;
    vertical-align: middle;
}
.bar-container{
    margin:20px 0;
}
.bar-container .layui-icon{
    font-size:20px;
    color:#5c5e66;
    margin-right:10px;
}
.progress-bar .layui-progress-big .close{
    position: absolute;
    right:-42px;
    font-size: 16px;
}
.progress-bar  .layui-progress,.progress-bar .layui-progress-bar{
    border-radius: 0;
}
.content .layui-green,.progress-bar .layui-progress-bar{
    background-color:#72bb4c;
}
.padding .layui-light-blue,.content .layui-light-blue,.configClassContent .layui-light-blue{
    background-color:#5798FE;
    color:#fff!important;
}
.block button i.iconfont{
    margin-right:5px;
}

/* 表单样式 --写在form-contaner里面 */
.form-contaner{
    width:1000px;
}
.form-contaner .layui-input-block{
        margin-left: 100px;
}
.form-contaner  .layui-form-label{
    padding:9px 0;
}
.form-contaner .layui-form-select .layui-input{
    color:#5c5e66;
}


/* checkbox样式 */
.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #5798fe !important;
    color: #5798fe !important;
}
.layui-form-radio i:hover, .layui-form-radioed i{
    color: #5798fe !important;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #5798fe !important;
    background-color: #5798fe !important;
    color: #fff;
}
.form-contaner  .layui-form-item .layui-input-inline{
    margin-right:40px;
}

/* 特殊表格*/
.class_area th{
    background:#deeaff;
} 
.class_area td{
    color:#95b2e0;
    text-decoration: underline;
    cursor: pointer;
}
.class_area td:nth-child(1){
    color:#333;
    text-decoration:none;
}
.class_area td:nth-child(2n){
    background:#f2f6ff;
}

.class_area td.school_based{
    background:#5892fc;
    color:#fff;
}
.class_area td.major{
    background:#3be0cb;
    color:#fff;
}

.class_area td.basic_public{
    background:#ffc026;
    color:#fff;
}
.btns{
    margin-top:30px;
}
/* .block .layui-form{
    padding-top:10px;
} */